.croppic{width:160px;height:160px;position:relative;box-sizing:content-box;-moz-box-sizing:content-box;border-radius:2px;background:#ccc url(./placeholder.png) center center no-repeat;background-size:80%;box-shadow:0 0 2px rgba(0,0,0,.1) inset}
.croppic form{display:none}
.cropImgWrapper{cursor:-webkit-grab;cursor:grab}
.cropImgWrapper:active{cursor:-webkit-grabbing;cursor:grabbing}
.cropImgUpload{z-index:2;position:absolute;height:28px;display:block;top:-28px;right:0;font-family:sans-serif;width:20px;height:20px;text-align:center;line-height:20px;color:#FFF}
.cropControls{z-index:2;position:absolute;height:20px;display:block;top:0;right:0;font-family:sans-serif;background-color:rgba(0,0,0,.35)}
.cropControls i{display:block;float:left;margin:0;cursor:pointer;background:url(./cropperIcons.png) 0 0 no-repeat;background-size:cover;width:20px;height:20px;text-align:center;line-height:20px;color:#FFF;font-size:13px;font-weight:700;font-style:normal}
.cropControls i:hover{background-color:rgba(0,0,0,.7)}
.cropControls i.cropControlZoomMuchIn{background-position:0 0}
.cropControls i.cropControlZoomIn{background-position:-20px 0}
.cropControls i.cropControlZoomOut{background-position:-40px 0}
.cropControls i.cropControlZoomMuchOut{background-position:-60px 0}
.cropControls i.cropControlRotateLeft{background-position:-140px 0}
.cropControls i.cropControlRotateRight{background-position:-160px 0}
.cropControls i.cropControlCrop{background-position:-80px 0}
.cropControls i.cropControlUpload{background-position:-100px 0}
.cropControls i.cropControlReset{background-position:-120px 0}
.cropControls i.cropControlRemoveCroppedImage{background-position:-120px 0}

.bubblingG{text-align:center;width:80px;height:50px;position:absolute;top:50%;left:50%;margin:-18px auto auto -40px;z-index:2}
.bubblingG span{display:inline-block;vertical-align:middle;width:10px;height:10px;margin:25px auto;background:#FFF;box-shadow:5px 5px 0 rgba(0,0,0,.2);-moz-border-radius:50px;-moz-animation:bubblingG 1s infinite alternate;-webkit-border-radius:50px;-webkit-animation:bubblingG 1s infinite alternate;-ms-border-radius:50px;-ms-animation:bubblingG 1s infinite alternate;-o-border-radius:50px;-o-animation:bubblingG 1s infinite alternate;border-radius:50px;animation:bubblingG 1s infinite alternate}
#bubblingG_1{-moz-animation-delay:0s;-webkit-animation-delay:0s;-ms-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s}
#bubblingG_2{-moz-animation-delay:.3s;-webkit-animation-delay:.3s;-ms-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s}
#bubblingG_3{-moz-animation-delay:.6s;-webkit-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}
@-moz-keyframes bubblingG{
    0%{width:10px;height:10px;background-color:#FFF;-moz-transform:translateY(0)}
    100%{width:24px;height:24px;background-color:#FFF;-moz-transform:translateY(-21px)}
}
@-webkit-keyframes bubblingG{
    0%{width:10px;height:10px;background-color:#FFF;-webkit-transform:translateY(0)}
    100%{width:24px;height:24px;background-color:#FFF;-webkit-transform:translateY(-21px)}
}
@-ms-keyframes bubblingG{
    0%{width:10px;height:10px;background-color:#FFF;-ms-transform:translateY(0)}
    100%{width:24px;height:24px;background-color:#FFF;-ms-transform:translateY(-21px)}
}
@-o-keyframes bubblingG{
    0%{width:10px;height:10px;background-color:#FFF;-o-transform:translateY(0)}
    100%{width:24px;height:24px;background-color:#FFF;-o-transform:translateY(-21px)}
}
@keyframes bubblingG{
    0%{width:10px;height:10px;background-color:#FFF;transform:translateY(0)}
    100%{width:24px;height:24px;background-color:#FFF;transform:translateY(-21px)}
}